/*
 * @Description: `App`
 * @Author: smellycat littlecandyi@163.com
 * @Date: 2025-04-12 22:07:03
 * @LastEditors: smellycat littlecandyi@163.com
 * @LastEditTime: 2025-04-13 00:31:44
 */

import { useState } from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg'
// import './App.css'

import Button from '@mui/material/Button'

function App() {
	const [count, setCount] = useState(0)

	return (
		<>
			<div>
				<a href='https://vite.dev' target='_blank'>
					<img src={viteLogo} className='logo' alt='Vite logo' />
				</a>
				<a href='https://react.dev' target='_blank'>
					<img src={reactLogo} className='logo react' alt='React logo' />
				</a>
			</div>
			<h1>Vite + React</h1>
			<div className='card'>
				<button onClick={() => setCount(count => count + 1)}>count is {count}</button>
				<p>
					Edit <code>src/App.tsx</code> and save to test HMR
				</p>
			</div>
			<p className='read-the-docs'>Click on the Vite and React logos to learn more</p>

			<div f-c-c w-20 h-20 p-2 bg-red>
				<div bg-blue w-15 h-15></div>
			</div>

			<Button variant='text'>测试按钮</Button>
		</>
	)
}

export default App
